<template>
	<div v-if="data" class="card">
		<div class="content" v-if="typeof data[0] == 'string'">
			<div class="title">
				<span class="app-border-color-primary" />
				{{ data[0] }}
			</div>
			<div class="namber">{{ data[1] }}</div>
		</div>

		<!-- 含超级会员积分 -->
		<div v-else class="content">
			<div class="title">
				<span class="app-border-color-primary" />
				{{ data[0].label }}
			</div>
			<div class="namber">{{ data[0].value }}</div>
			<div class="title">{{ data[1].label }}</div>
			<div class="namber">{{ data[1].value }}</div>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		data: Array
	},
	data() {
		return {};
	},
	methods: {}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.card {
	padding: 10px 10px 10px 20px;
	.content {
		// width: 1%;
		// min-width: 135px;
		text-align: center;
		margin: 0 auto;
	}
	.title {
		position: relative;
		font-size: 16px;
		color: $light-font-color;
		span {
			vertical-align: top;
			height: 16px;
			margin-right: 3px;
			border-radius: 3px;
			border-width: 3px;
			border-style: solid;
		}
	}
	.namber {
		margin-top: 10px;
		font-size: 30px;
		color: $dark-font-color;
	}
}
</style>
